﻿html, body {
    width: 100%;
}

body {
    width: 100%;
    font: 12px/2 "Microsoft Yahei","SimSun",Verdana, Arial, Helvetica, sans-serif;
    position: relative;
    background: #f6f6f6;
}

* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

ul, li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

.c-b:after {
    display: block;
    content: "";
    clear: both;
}

.selectTpl {
    padding:15px;
    box-sizing:border-box
}

.searchTpl {
    padding: 5px 0 ;
}
.tpl-container{
    width:100%;
}
.tpl-box{
    padding-bottom:50px;
}
    .tpl-box:after{
       display:block;
       content:"";
       clear:both;
    }
    .tpl-slide {
        width: 200px;
        height: 250px;
        margin: 10px 6px 10px 6px;
        float: left;
        overflow: hidden;
        position: relative;
    }

    .tpl-slide .img {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .tpl-slide .img img {
            width: 100%;
        }

    .tpl-slide .text {
        width: 100%;
        padding: 10px 15px;
        box-sizing: border-box;
        background: rgba(0,0,0,0.8);
        position: absolute;
        bottom: -55px;
        left: 0;
        transition: all 0.2s;
    }

        .tpl-slide .text span {
            display: block;
            color: #fff;
            line-height: 25px;
        }

            .tpl-slide .text span font {
                margin-right: 10px;
                color: rgba(255,255,255,0.5);
            }

    .tpl-slide .choose {
        display: none;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        border: 3px solid #23c204;
        color: #fff;
    }

        .tpl-slide .choose:before {
            display: block;
            content: '';
            width: 0;
            height: 0;
            border-top: 30px solid #23c204;
            border-left: 30px solid transparent;
            position: absolute;
            top: 0;
            right: 0;
        }

        .tpl-slide .choose i {
            position: absolute;
            top: 2px;
            right: 2px;
        }

    .tpl-slide.selected .choose {
        display: block;
    }

    .tpl-slide:hover .text {
        bottom: 0;
    }
.btnBox{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    padding:5px 15px;
    box-sizing:border-box;
    background:#fff;
    text-align:right;
}
.btn_check {
    margin:10px 0;
}
